<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>test</title>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
</head>
<style>

    *{
        margin:0;
        padding:0;
    }
    .btn{
        width:100px;
        height:24px;
        line-height:24px;
        text-align: center;
        background:#00a1f1;
        color:white;
        margin-top:20px;
        cursor: pointer;
    }

    .text_box{
        height:64px;
        width:400px;
        overflow: hidden;
        margin-top:20px;
    }
</style>
<script>
    $(function(){
        var abc=$(".box");
        $(".btn").click(function(){
            $(".big_box").append(abc.clone());
        })
    })

    $(function(){
        var h=$(".text_box p").height();
        console.log(h);
        var H=$(".text_box").height();
        console.log(H);
        $(".xiala").click(function(){
           if($(".xiala").text()=="点击下拉"){
               $(".text_box").animate({
                   "height":h
               },500);
               $(this).text("点击收起");
           }else{
            $(".text_box").animate({
                   "height":H
               },500);
               $(this).text("点击下拉");
           }
        })
    })
</script>
<body>
    <div class="big_box">
        <div class="box">
            <input type="text" placeholder="输入你想要的内容">
            <select name="">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
            </select>
            <input type="text" placeholder="输入你想要的结果">
        </div>  
    </div>
    <div class="btn">
        点击添加一行
    </div>  


    <div class="text_box">
        <p>《爆兽猎人》是2017年3月上线的全新精品国产动漫，人气火爆，其衍生玩具也广受欢迎。此次，《爆兽猎人之天炎战龙》在游戏中全面还原了动画中的各式爆兽，并根据各种爆兽不同的特性，为它们设计了独特的、多样化的战斗形态与攻击方式。同时，游戏设定了拾卡转换攻击形态的创新性玩法。玩家进入战斗后，爆兽才采用初始攻击形态进行战斗，击败敌人后，地图上会掉落各种不同的卡片。玩家拾取卡片后，即可获得不同的效果，或是攻击形态的转换，或是特殊技能的施放等等。这种方式，可以让玩家在关卡中获得更加多样化的体验。并且，由于随机性的增加，战斗中的趣味性也得到了相应提高。</p>
    </div>
    <a href="javascript:void(0);" class="xiala">点击下拉</a>
</body>
</html>